﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<title>微博易weiboyi.com|跨平台微博精准传播平台</title>
<link rel="stylesheet" href="css/global.css">
<script src="js/SpryTabbedPanels.js" type="text/javascript"></script>
<script src="js/swfobject.js" type="text/javascript"></script>
<script src="js/jquery-1.7.2.min.js" type="text/javascript"></script>
<script src="js/jquery.imageScroller.js" type="text/javascript"></script>
<link href="css/SpryTabbedPanels.css" rel="stylesheet" type="text/css" />

<style type="text/css">
#container {
	height:auto;
	width:100%;
	overflow:auto;
	zoom:1;
	padding:0;
	margin:0;
}
#h_logo_box {
	height:108px;
	width:100%;
	background:url(images/header_bj.jpg) repeat-x;
}
#h_logo_content {
	width:960px;
	height:108px;
	text-align:left;
	margin:0 auto;
	position:relative;
}
#h_logo_content a {
	position:absolute;
	bottom:20px;
	left:0;
}
#ad_text1 {
	position:absolute;
	bottom:30px;
	left:185px;
}
#tongjiNum {
	position:absolute;
	top:0px;
	right:0;
	border:1px dotted #CCC;
	line-height:30px;
	font-size:12px;
}
#h_nav {
	background:url(images/nav_bg.jpg) repeat-x;
	height:49px;
	width:100%;
}
#h_nav ul {
	width:960px;
	margin:0 auto;
	height:39px;
}
#h_nav ul li {
	width:120px;
	float:left;
	font-size:16px;
	background:url(images/nav_line.jpg) right no-repeat
}
#h_nav ul li a {
	display:block;
	width:120px;
	line-height:39px;
	color:#FFF;
}
#h_nav ul li a:hover {
	background:#C62104;
}
#tell_img {
	text-align:right;
}
#mainBody {
	width:960px;
	margin:0 auto;
	padding:0;
	overflow:auto;
	height:auto;
}
#mb_main {
	width:705px;
	overflow:auto;
	float:left;
}
.mb_m_child {
	margin-bottom:10px;
	height:auto;
	overflow:auto;
}
#mb_right {
	width:241px;
	height:auto;
	overflow:auto;
	zoom:1;
	padding:0;
	float:right;
}
#mb_r_child_1{
	
	background:url(images/login_bg.jpg) no-repeat;
	height:239px;
	overflow:hidden;
	
}
.mb_r_child {
	clear:both;
	height:auto;
	margin-bottom:10px;
	overflow:hidden;
}
#TabbedPanels1 .TabbedPanelsTabGroup .TabbedPanelsTab {
	display:block;
	height:35px;	
	line-height:35px;
	width:119px;
	padding:0px;
	margin:0px;
	vertical-align:middle;
	text-align:center;
	font-size:16px;
	color:#09F;
	font-weight:200;
	font-family:"微软雅黑";
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor:pointer;
	border-top:none;
	background:none;
	border-left:1px solid #4397d5;
	border-bottom: solid 1px #4397d5;
	border-right: solid 1px #4397d5;
}
#TabbedPanels1 .TabbedPanelsTabGroup .TabbedPanelsTabSelected {
	height:35px;	
	line-height:35px;
	background:none;
	border-left:none;
	border-right:none;
	border-bottom:none;
	font-weight:bold;
}
#TabbedPanels1 .TabbedPanelsTabGroup .TabbedPanelsTabHover {
	height:35px;	
	line-height:35px;
	background:none;
}
#TabbedPanels1 .TabbedPanelsTabGroup {
	padding:0px;
	margin:0px;
	overflow:no;
	height:38px;
	line-height:38px;
	border:none;
}
#TabbedPanels1 .TabbedPanelsContentGroup {
	border:none;
	font-size:12px;
}
.input_l {
	width:160px;
	height:34px;
	border:none;
	background:none;
	line-height:34px;
	padding-left:3px;
	background:url(images/input_l_bg.jpg) no-repeat;
}
.input_s {
	width:63px;
	height:34px;
	border:none;
	background:none;
	line-height:34px;
	padding-left:3px;
	float:left;
	background:url(images/input_s_bg.jpg) no-repeat;
}
.btn {
	background:url(images/btn_bg1.gif);
	width:90px;
	height:40px;
	border:none;
	margin:0 10px;
	font-size:14px;
	font-family:"宋体";
	font-weight:bolder;
}
.btn1 {
	background:url(images/btn_bg1.gif);
	width:90px;
	height:40px;
	border:none;
	font-size:14px;
	font-family:"宋体";
	font-weight:bolder;
}
#left_b {
	height:254px;
	width:11px;
	background:url(images/yj_left.jpg) no-repeat;
	float:left;
}
#right_b {
	height:254px;
	width:5px;
	background:url(images/yj_right.jpg) no-repeat;
	float:left;
}
#middle_b {
	height:254px;
	width:689px;
	background:url(images/yj_middle.jpg) repeat-x;
	float:left;
}
.r_left_b {
	height:254px;
	width:11px;
	background:url(images/yj_left.jpg) no-repeat;
	float:left;
}
.r_right_b {
	height:254px;
	width:5px;
	background:url(images/yj_right.jpg) no-repeat;
	float:left;
}
.r_middle_b {
	height:254px;
	width:225px;
	background:url(images/yj_middle.jpg) repeat-x;
	float:left;
	text-align:left;
}
.r_middle_b dl {
	font-size:12px;
	padding:0;
	margin:0;
	margin-top:5px;
	width:205px;
	overflow:hidden;
	font-family:'微软雅黑';
}
.r_middle_b dl dt {
	padding:0;
	margin:0 0 10px 0;
	height:55px;
	width:55px;
	float:left;
	display:inline;
}
.r_middle_b dl dd {
	padding:0;
	height:55px;
	width:auto;
	float:left;
	vertical-align:middle;
}
#fengyun {
	margin-bottom:10px;
}
.anli_detail{
	display:block;
	width:130px;
	margin-left:10px;
}
.fengyun_detail{
	display:block;
	width:130px;
	margin-left:10px;
}
#foot {
	width:100%;
	min-height:50px;
	background:#EDF2F3;
	margin-top:5px;
	 padding:20px 0;
	 text-align:center;
	 border-top:1px solid #D2EFEF;
	 font-size:12px;
	 font-family:"微软雅黑","宋体";
}
 	#contact{
		color:#4397d4;
	}
	#contact a{
		padding:0 10px;
		color:#4397d4;
		display:inline-block;
		
	}
	#copyright{
		color:#B3B3B3;
	}
	#viewer {height:60px; width:958px; clear:both; overflow:hidden; border:1px solid #e5e5e5;}
	#viewerFrame {width:958px; clear:both; padding:0;margin:0 auto;}
	#viewer img {width:130px; height:50px; margin:5px; display:inline; border:0;}
	#viewer a {display:block; float:left; width:130px; margin:2px;height:60px;}
</style>

<script type="text/javascript">
	$(function(){
 		$("#viewer").imageScroller({
		next:"btn1",
		prev:"btn2",
		frame:"viewerFrame",
		width:100, 
		child:"a",
		auto:true
		});	 
	});
	function scrollT(id,clid) {
	if($('#'+id+'>'+clid).length<2) return;
	var time = 5000,speed = 20;
	var timeout = setInterval(function() {
		_initFn();
	},time);
	$('#'+id).hover(function() {
		clearInterval(timeout);
	},function() {
		timeout = setInterval(function() {
			_initFn();
		},time);
	});
	function _initFn() {
		var init = 0;
		var anime = setInterval(function() {
			_anime(init);
			init+=3;
			if(init==24) {
				clearInterval(anime);
				var first = $('#'+id + '>'+clid).first().html();
				$('#'+id + '>'+clid).first().remove();
				$('#'+id).append('<'+clid+'>'+first+'</'+clid+'>');
				$('#'+id).scrollTop(0);
			}
		},speed);
	}
	function _anime(val) {
		$('#'+id).scrollTop(val);
	}
}

</script>
</head>
<body>
<div id="container"> 
  <!--logo到导航条的内容-->
  <div id="header"> 
    <!--logo部分-->
    <div id="h_logo_box">
      <div id="h_logo_content"> <a href="index.html"><img src="images/logo.jpg" alt="微博营销平台LOGO" /> </a> <img id="ad_text1" src="images/ad_text1.jpg" alt="微博营销平台LOGO" /> <span id="tongjiNum">
        <label>博主数:</label>
        <span>12345</span>
        <label>粉丝数:</label>
        <span>12345</span>
        <label>昨日订单数:</label>
        <span>12345</span>
        <label>总订单:</label>
        <span>12345</span> </span> </div>
    </div>
    <!--导航条部分-->
    <div id="h_nav">
      <ul>
        <li><a href="#">首页</a></li>
        <li><a href="#">广告主</a></li>
        <li><a href="#">微博主</a></li>
        <li><a href="#">帮助中心</a></li>
        <li><a href="#">关于我们</a></li>
        <li id="tell_img" style="width:360px;"><img alt="企业电话" src="images/tell.gif"/></li>
      </ul>
    </div>
  </div>
  
  <!--end heaer-->
  <div id="mainBody">
    <div id="mb_main">
      <div class="mb_m_child">
        <div id="flashcontent"></div>
      </div>
      <!--广告主下单-->
      <div id="xd" class="mb_m_child">
        <div id="left_b"></div>
        <div id="middle_b">
          <div style="text-align:left;"><span style="font-size:16px; margin-left:20px;display:block;line-height:40px;"><img style="height:20px;width:20px;margin:5px 5px 0 0;" src="images/wb.gif" alt="微博"/>广告主下单流程:</span></div>
          <div style=""><img src="images/xd1.jpg" alt="广告主下单流程1"/><img src="images/xd2.jpg" alt="广告主下单流程2"/><img src="images/xd3.jpg" alt="广告主下单流程3"/></div>
        </div>
        <div id="right_b"></div>
      </div>
      <!--微博主接单-->
      <div id="jd" class="mb_m_child">
        <div id="left_b"></div>
        <div id="middle_b">
          <div style="text-align:left;"><span style="font-size:16px; margin-left:20px;display:block;line-height:40px;"><img style="height:20px;width:20px;margin:5px 5px 0 0;" src="images/wb.gif" alt="微博"/>微博主接单流程:</span></div>
          <div style=""><img src="images/xd1.jpg" alt="微博主接单流程1"/><img src="images/xd2.jpg" alt="微博主接单流程2"/><img src="images/xd3.jpg" alt="微博主接单流程3"/></div>
        </div>
        <div id="right_b"></div>
      </div>
    </div>
    <div id="mb_right">
      <div class="mb_r_child" id="mb_r_child_1">
        <div id="TabbedPanels1" class="TabbedPanels">
          <ul class="TabbedPanelsTabGroup">
            <li class="TabbedPanelsTab" tabindex="0">广告主</li>
            <li class="TabbedPanelsTab" tabindex="1">微博主</li>
          </ul>
          <div class="TabbedPanelsContentGroup">
            <div  id="qiye_login"  class="TabbedPanelsContent">
              <table width="100%" border="0">
                <tr class="line_tr">
                  <td width="26%" align="right" valign="middle">用户名：</td>
                  <td width="74%"><input type="text" class="input_l" name="qy_username" id="qy_username"/></td>
                </tr>
                <tr class="line_tr">
                  <td width="26%" align="right" valign="middle">密&nbsp;&nbsp;&nbsp;码：</td>
                  <td width="74%"><input type="password" class="input_l" name="qy_password" id="qy_password"/></td>
                </tr>
                <tr class="line_tr">
                  <td width="26%" align="right" valign="middle">验证码：</td>
                  <td width="74%"><input type="text" class="input_s" name="captcha_qiye" id="captcha_qiye"/>
                    <img id="captcha_img_qiye" src="tmp/verifyCode.png" style="width:41px;height:34px;" class="yzm" /><a onclick="getCaptcha('qiye')" class="hyz">换一张？</a></td>
                </tr>
                <tr class="line_tr1">
                  <td colspan="2" align="center" valign="middle" class="ch_box"><input name="save_qiye" id="save_qiye" type="checkbox" value="" class="cc"/>
                    <span style="color: #999;">记住用户名</span>|<a href="http://shanghu.weiboyi.com/hwauth/lost/index/" target="_blank" class="forg">忘记密码</a></td>
                </tr>
                <tr class="line_tr1">
                  <td colspan="2" align="center" valign="middle" class="ch_btn"><input type="button" class="btn" onclick="crossDomainLogin('qiye')" value="登陆"/>
                    <input type="button" class="btn1" value="免费注册"  onclick="javascript:gotoUrl()"/></td>
                </tr>
              </table>
            </div>
            <div id="bozhu_login" class="TabbedPanelsContent">
              <table width="100%" border="0">
                <tr class="line_tr">
                  <td width="26%" align="right" valign="middle" >用户名：</td>
                  <td width="74%"><input type="text" class="input_l" name="username_bozhu" id="username_bozhu"/></td>
                </tr>
                <tr class="line_tr">
                  <td width="26%" align="right" valign="middle">密&nbsp;&nbsp;&nbsp;码：</td>
                  <td width="74%"><input type="password" class="input_l" name="password_bozhu" id="password_bozhu"/></td>
                </tr>
                <tr class="line_tr">
                  <td width="26%" align="right" valign="middle">验证码：</td>
                  <td width="74%"><input type="text" class="input_s" name="captcha_bozhu" id="captcha_bozhu"/>
                    <img id="captcha_img_bozhu" src="img/yzm.jpg" class="yzm" style="width:41px;height:34px;"/><a class="hyz">换一张？</a></td>
                </tr>
                <tr class="line_tr1">
                  <td colspan="2" align="center" valign="middle" class="ch_box"><input name="save_bozhu" id="save_bozhu" type="checkbox" value="" class="cc"/>
                    <span style="color: #999;">记住用户名</span>|<a href="" target="_blank" class="forg">忘记密码</a></td>
                </tr>
                <tr class="line_tr1">
                  <td colspan="2" align="center" valign="middle" class="ch_btn1"><input  type="button" value="登陆" class="btn" onclick="crossDomainLogin('bozhu')"/>
                    <input type="button" value="免费注册" class="btn1" onclick="javascript:gotoCUrl()"/></td>
                </tr>
              </table>
            </div>
            <!--end TabbedPanelsContent--> 
          </div>
          <!--end TabbedPanelsContentGroup--> 
        </div>
        <!--end TabbedPanels1--> 
      </div>
      <!--end mb_r_child--> 
      <!--微博主接单-->
     <div id="fengyun" class="mb_r_child">
        <div class="r_left_b"></div>
        <div id="fy_list" class="r_middle_b">
        <style type="text/css">
			#v_viewer {width:230px; height:300px; clear:both; overflow:hidden; border:1px solid #e5e5e5;}
			#v_viewerFrame {width:230px; clear:both; padding:0;}
			#v_viewer1 {width:230px; height:300px; clear:both; overflow:hidden; border:1px solid #e5e5e5;}
			#v_viewerFrame1 {width:230px; clear:both; padding:0;}
        </style>
           
 <script type="text/javascript">
  $(function(){
   	$("#v_viewer").imageVScroller({
   		frame:"v_viewerFrame",
    	height:100, 
  		child:"dl",
   		auto:true
  	});	 
   });
     $(function(){
   	$("#v_viewer1").imageVScroller({
   		frame:"v_viewerFrame1",
    	height:100, 
  		child:"dl",
   		auto:true
  	});	 
   });
  </script>

          <p style="margin-top:10px;"><img style="height:20px;width:20px;margin:5px 5px 0 0;" src="images/wb.gif" alt="微博"/>风云博主</p>
   <div id="v_viewer">
   	<div id="v_viewerFrame">
              <dl>
                <dt> <img src="images/wb_icon.jpg"  style="width:55px;height:55px; " /></dt>
                <dd><span class="fengyun_detail">精彩电影1</br>
                  粉丝量:555555</span></dd>
              </dl>
              <dl>
                <dt> <img src="images/wb_icon.jpg"  style="width:55px;height:55px; " /></dt>
                <dd><span class="fengyun_detail">精彩电影2</br>
                  粉丝量:555555</span></dd>
              </dl>
              <dl>
                <dt> <img src="images/wb_icon.jpg"  style="width:55px;height:55px; " /></dt>
              <dd><span class="fengyun_detail">精彩电3影3</br>
                  粉丝量:555555</span></dd>
                </dl>
                 <dl>
                <dt> <img src="images/wb_icon.jpg"  style="width:55px;height:55px; " /></dt>
              <dd><span class="fengyun_detail">精彩电影4</br>
                  粉丝量:555555</span></dd>
                </dl>
                 <dl>
                <dt> <img src="images/wb_icon.jpg"  style="width:55px;height:55px; " /></dt>
              <dd><span class="fengyun_detail">精彩电影5</br>
                  粉丝量:555555</span></dd>
                </dl>
                 <dl>
                <dt> <img src="images/wb_icon.jpg"  style="width:55px;height:55px; " /></dt>
              <dd><span class="fengyun_detail">精彩电影6</br>
                  粉丝量:555555</span></dd>
                </dl>
                 <dl>
                <dt> <img src="images/wb_icon.jpg"  style="width:55px;height:55px; " /></dt>
              <dd><span class="fengyun_detail">精彩电影7</br>
                  粉丝量:555555</span></dd>
                </dl>
            </div>
			</div>
        </div>
        <div class="r_right_b"></div>
      </div>
      <div id="anli" class="mb_r_child">
        <div class="r_left_b"></div>
        <div id="al_list" class="r_middle_b">
          <p style="margin-top:10px;"><img style="height:20px;width:20px;margin:5px 5px 0 0;" src="images/wb.gif" alt="微博"/>成功案例</p>
          <div id="v_viewer1">
            <div id="v_viewerFrame1">
                      <dl>
                        <dt> <img src="images/wb_icon.jpg"  style="width:55px;height:55px; " /></dt>
                       <dd><span class="anli_detail">11111成功案例成功案例成功案例成功案例成功案例成功案例成功案例</span></dd>
                      </dl>
                      <dl>
                        <dt> <img src="images/wb_icon.jpg"  style="width:55px;height:55px; " /></dt>
                        <dd><span class="anli_detail">2222成功案例成功案例成功案例成功案例成功案例成功案例成功案例</span></dd>
                      </dl>
                      <dl>
                        <dt> <img src="images/wb_icon.jpg"  style="width:55px;height:55px; " /></dt>
                      <dd><span class="anli_detail">333成功案例成功案例成功案例成功案例成功案例成功案例成功案例</span></dd>
                        </dl>
                         <dl>
                        <dt> <img src="images/wb_icon.jpg"  style="width:55px;height:55px; " /></dt>
                     <dd><span class="anli_detail">444成功案例成功案例成功案例成功案例成功案例成功案例成功案例</span></dd>
                        </dl>
                         <dl>
                        <dt> <img src="images/wb_icon.jpg"  style="width:55px;height:55px; " /></dt>
                     <dd><span class="anli_detail">555成功案例成功案例成功案例成功案例成功案例成功案例成功案例</span></dd>
                        </dl>
                         <dl>
                        <dt> <img src="images/wb_icon.jpg"  style="width:55px;height:55px; " /></dt>
                    <dd><span class="anli_detail">666成功案例成功案例成功案例成功案例成功案例成功案例成功案例</span></dd>
                        </dl>
                         <dl>
                        <dt> <img src="images/wb_icon.jpg"  style="width:55px;height:55px; " /></dt>
                     <dd><span class="anli_detail">777成功案例成功案例成功案例成功案例成功案例成功案例成功案例</span></dd>
                        </dl>
                    </div>
                    </div>
        </div>
        <div class="r_right_b"></div>
      </div>
   
    
      <!--mb_r_child--> 
      
    </div>
    <!--end mb_right--> 
	<style type="text/css">
    	#partnerGallery{
			clear:both;
			position:relative;
			width:100%;
			height:auto;
		}
		#btn1{
			position:absolute;
			left:0px;
			bottom:20px;
			z-index:10;
		}
		#btn2{
			position:absolute;
			right:0px;
			bottom:20px;
			z-index:10;
		}
    </style>
    <div id="partnerGallery">
         <div id="viewer">
         <div id="viewerFrame">
    		<a href="#"><img src="images/partner1.gif"></a>
  			<a href="#"><img src="images/partner2.jpg"></a>
     		<a href="#"><img src="images/partner1.gif"></a>
  			<a href="#"><img src="images/partner2.jpg"></a>
            <a href="#"><img src="images/partner1.gif"></a>
  			<a href="#"><img src="images/partner2.jpg"></a>
            <a href="#"><img src="images/partner1.gif"></a>
  			<a href="#"><img src="images/partner2.jpg"></a>
     		<a href="#"><img src="images/partner1.gif"></a>
  			<a href="#"><img src="images/partner2.jpg"></a>
            <a href="#"><img src="images/partner1.gif"></a>
  			<a href="#"><img src="images/partner2.jpg"></a>
     		</div>
        </div>
     	<span id="btn1"><img src="images/arr_left.gif"/></span><span id="btn2"><img src="images/arr_right.gif"/></span>  
    </div>
  </div>

  <!--end mb_main-->
  <div id="foot">
  		<div id="contact"><a href="">关于我们</a>|<a href="">联系我们</a>|<a href="">加入我们</a></div>
        <div id="copyright">版权所有 © 北京祥睿博通科技有限公司 2011-2012 . 京ICP备:******号.</div>
  </div>
</div>
<script type="text/javascript">
	var so = new SWFObject("swf/ht6.swf", "sotester", "705", "239", "0", "#FFFFFF");
	so.write("flashcontent");
	var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1");
	
	scrollT('fy_list','dl');
	scrollT('al_list','dl');

  </script>
</body>
</html>
